<template>
  <div id="app">
    <!-- 相当于是一个 a 标签 -->
    <router-link to="/home" tag="button">首页</router-link>
    <router-link to="/about">关于</router-link>

    <!-- 动态路由的拼接，是从 data 里面获取数据的 -->
    <router-link :to="'/user/'+userId">用户</router-link>
       <router-view></router-view>
 
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return{
      userId:'张'
    }
  }
}
</script>

<style>
/* 点击的时候变颜色 */
.router-link-active{
  color: brown;
}
</style>
